<template>
  <div class="guanggao2">
    <div class="div1">
      <img src="../../img/guanggao1.jpg" alt="" />
      <div class="text">10万集装箱别墅</div>
      <a
        href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=10%E4%B8%87%E9%9B%86%E8%A3%85%E7%AE%B1%E5%88%AB%E5%A2%85&fenlei=256&oq=%25E5%258D%2581%25E4%25B8%2587%25E9%259B%2586%25E8%25A3%2585%25E7%25AE%25B1%25E5%2588%25AB%25E5%25A2%2585&rsv_pq=c9c3c826000728dd&rsv_t=1064vUdal9ReX5UjJrr6HCOrmPta36L%2BJ%2FvYaXJWsALQX5oFyN%2F9qn%2BKTyk&rqlang=cn&rsv_enter=1&rsv_dl=tb&rsv_btype=t&inputT=3812&rsv_sug3=43&rsv_sug1=39&rsv_sug7=100&rsv_sug2=0&prefixsug=10%25E4%25B8%2587%25E9%259B%2586%25E8%25A3%2585%25E7%25AE%25B1%25E5%2588%25AB%25E5%25A2%2585&rsp=0&rsv_sug4=4027"
      ></a>
    </div>
    <div class="div1">
      <a href=""></a>
      <img src="../../img/guanggao2.jpg" alt="" />
      <div class="text">二层别墅设计</div>
      <a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=%E4%BA%8C%E5%B1%82%E5%88%AB%E5%A2%85%E8%AE%BE%E8%AE%A1&fenlei=256&oq=10%25E4%25B8%2587%25E9%259B%2586%25E8%25A3%2585%25E7%25AE%25B1%25E5%2588%25AB%25E5%25A2%2585&rsv_pq=ae75c0820000c0c8&rsv_t=e837bbDwuRdwC1iLFuhinLfLAlvEab32f5zKhBUYKWyNxNAutHbey2k62FI&rqlang=cn&rsv_enter=0&rsv_dl=tb&rsv_btype=t&inputT=470&rsv_sug3=45&rsv_sug1=41&rsv_sug7=100&rsv_n=2&rsv_sug4=960"></a>
    </div>
    <div class="div1">
      <img src="../../img/guanggao3.jpg" alt="" />
      <div class="text">骨龄与身高表</div>
      <a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=%E9%AA%A8%E9%BE%84%E4%B8%8E%E8%BA%AB%E9%AB%98%E8%A1%A8&fenlei=256&oq=%25E4%25BA%258C%25E5%25B1%2582%25E5%2588%25AB%25E5%25A2%2585%25E8%25AE%25BE%25E8%25AE%25A1&rsv_pq=b958f157000c30e6&rsv_t=b348udpsPHaL0xHVRkEtb1ntWC6%2Bhi7MwbrRpWvk1281xdYFSQCzGYZUOx4&rqlang=cn&rsv_enter=0&rsv_dl=tb&rsv_btype=t&inputT=620&rsv_n=2&rsv_sug3=46&rsv_sug1=42&rsv_sug7=100&rsv_sug4=620"></a>
    </div>
    <div class="div1">
      <img src="../../img/guanggao4.jpg" alt="" />
      <div class="text">整牙的年龄限制</div>
      <a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=%E6%95%B4%E7%89%99%E7%9A%84%E5%B9%B4%E9%BE%84%E9%99%90%E5%88%B6&fenlei=256&oq=%25E9%25AA%25A8%25E9%25BE%2584%25E4%25B8%258E%25E8%25BA%25AB%25E9%25AB%2598%25E8%25A1%25A8&rsv_pq=b312844b000bd47f&rsv_t=e0b2YOlwuYXXpQX%2Br9j3lQ4ERcm2QmNIBlxDgBLcrtqHBCI8IEYj1bbZrH8&rqlang=cn&rsv_enter=0&rsv_dl=tb&rsv_btype=t&inputT=678&rsv_n=2&rsv_sug3=47&rsv_sug1=43&rsv_sug7=100&rsv_sug4=678"></a>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped="scoped">
.guanggao2 {
  width: 300px;
  height: 244px;
  /* background-color: yellowgreen; */
  position: absolute;
  right: 24px;
  top: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.div1 {
  margin: 1px;
  width: 145px;
  height: 115px;
  /* background-color: orangered; */
  cursor: pointer;
  position: relative;
}
.div1:hover {
  color: rgb(244, 0, 0);
}
.div1 img {
  width: 142px;
  height: 100px;
  margin: 1px;
  border: 1px solid white;
}
.div1 img:hover {
  border: 1px solid rgb(244, 0, 0);
}
.div1 a:hover {
  border: 1px solid rgb(244, 0, 0);
}
.div1 .text {
  font-size: 12px;
  text-align: center;
  line-height: 14px;
}
.div1 a {
  position: absolute;
  display: inline-block;
  width: 142px;
  height: 100px;
  left: 2px;
  top: 2px;
  /* z-index: 1; */
}
</style>